<template>
  <div class="wrap">
    <dl>
      <dt>
        <img
          src="https://ke-image.ljcdn.com/materials/appindexconf/da1b0d0441597bd3d4fbd7c1899fa375.png"
        />
      </dt>
      <dd>必看好房</dd>
    </dl>
    <dl @click=" renting()">
      <dt>
        <img
          src="https://ke-image.ljcdn.com/materials/appindexconf/a256a8f09470ed9ff77af5bbc50575cb.png"
        />
      </dt>
      <dd>商业办公</dd>
    </dl>
    <dl>
      <dt>
        <img
          src="https://ke-image.ljcdn.com/materials/appindexconf/e4f36dec85bb18ef1af55db70e9ce326.png"
        />
      </dt>
      <dd>房贷计算</dd>
    </dl>
    <dl>
      <dt>
        <img
          src="https://ke-image.ljcdn.com/materials/appindexconf/b973edd05800c253d876540bbae9b22d.png"
        />
      </dt>
      <dd>卖房</dd>
    </dl>
    <dl>
      <dt>
        <img
          src="https://ke-image.ljcdn.com/materials/appindexconf/62362ec390caa911b21e6f005e901399.png"
        />
      </dt>
      <dd>查成交</dd>
    </dl>
    <dl>
      <dt>
        <img
          src="https://ke-image.ljcdn.com/materials/appindexconf/d95c1eaa728a7ed1cfed4bfaad233588.png"
        />
      </dt>
      <dd>搬家保洁</dd>
    </dl>
    <dl>
      <dt>
        <img
          src="https://ke-image.ljcdn.com/materials/appindexconf/3f906230888f3a617ef4686bc688fb9c.png"
        />
      </dt>
      <dd>找小区</dd>
    </dl>
    <dl>
      <dt>
        <img
          src="https://ke-image.ljcdn.com/materials/appindexconf/1db775dad6b0200211426c1737f74e7c.png"
        />
      </dt>
      <dd>房屋故估价</dd>
    </dl>
    <dl>
      <dt>
        <img
          src="https://ke-image.ljcdn.com/materials/appindexconf/1db775dad6b0200211426c1737f74e7c.png"
        />
      </dt>
      <dd>地图找房</dd>
    </dl>

    <dl>
      <dt>
        <img
          src="https://ke-image.ljcdn.com/materials/appindexconf/e4f36dec85bb18ef1af55db70e9ce326.png"
        />
      </dt>
      <dd class="business">买卖流程</dd>
    </dl>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    // 点击跳转到商业办公
    renting() {
      this.$router.push("./blink");
    },
  },
};
</script>

<style scoped>
.wrap {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-around;
}
.wrap dl {
  width: 20%;
  /* text-align: center; */
  margin-top: 0.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* .wrap span{
    font-size: 0.26rem;
} */
.wrap dd {
  font-size: 0.12rem;
  font-weight: bold;
  margin-top: 0.1rem;
}

.wrap .business {
  color: black;
}
dt img {
  width: 0.43rem;
  height: 0.34rem;
}
</style>